/*
  学习目标：JSX使用注意事项
*/
import React from 'react';
import ReactDOM from 'react-dom';

const ulNode2 = (
  //   1. jsx必须有根标签 👍 使用<></>包住兄弟节点, <React.Fragment>
  <>
    <ul className="list">
      <li>香蕉</li>
      <li>apple</li>
      <li>orange</li>
    </ul>
    <ul>
      <li>香蕉</li>
      <li>apple</li>
      <li>orange</li>
    </ul>

    {/*  3.1 关键字冲突:  for => htmlFor*/}
    {/*  3.2 关键字冲突: class => className */}
    <label className="ipt" htmlFor="box">
      点我等于点了input
    </label>
    {/*   2. 必须有闭合标记 */}
    <input id="box" type="text" />
  </>
);

ReactDOM.render(ulNode2, document.getElementById('root'));
